Easing and duration Specs 緩動和持續時間規格

緩動(Easing)決定動畫的速度變化方式,使過渡更自然、流暢。Material Design 提供兩組常見的緩動曲線:

Emphasized easing set 強調的緩動集

這套是最常見的,因為它捕捉到了 M3 的表現風格。

強調緩動(Emphasized):用於主要過渡動畫,提供更流暢的視覺體驗。
強調減速緩動(Emphasized decelerate):動畫從高速開始,逐漸減速,適用於進入螢幕的動畫。
強調加速緩動(Emphasized accelerate):動畫從靜止開始,逐漸加速,適用於永久退出螢幕的動畫。

Standard easing set 標準緩動集

這套工具用於簡單、小型或側重於實用性的過渡效果。

標準緩動(Standard):適用於較次要的過渡動畫,動畫較快且簡單。
標準減速緩動(Standard decelerate):動畫從高速開始,逐漸減速,適用於較小的進入動畫。
標準加速緩動(Standard accelerate):動畫從靜止開始,迅速加速,適用於較小的退出動畫。

Duration 持續時間

Short durations  短時長

用於以實用功能為主的小型轉場(過渡效果)。

短時動畫(Short Durations)選擇控制元件使用 200ms 持續時間,搭配標準緩動。

Medium durations  中等時長

用於跨越螢幕中等區域的過渡效果。

FAB 按鈕展開為底部表單,使用 400ms 持續時間,搭配強調緩動。

Long durations  長時間

通常與強調緩動相配合。它們用於大型富有表現力的過渡效果。

卡片全屏展開,使用 500ms 持續時間,搭配強調緩動。

Extra long durations  超長時長

超過 600 毫秒的持續時間較為罕見,主要用於非使用者互動的環境過渡。

自動輪播(非使用者觸發),使用 1000ms 持續時間,搭配強調緩動。